<div id="summaryPage">
    <a class="ui  black  big icon button " data-ng-show="showScrollTop&&smallScreen" data-ng-click="scrollToTop();$event.stopPropagation();" title="回到顶部" style="position:fixed;top:80%;right:5px;cursor:pointer;z-index:20;">
        <i class="up arrow icon"></i>
    </a>

    <div data-ng-show="smallScreen===false" class="ui  content-segment" style="position: fixed;top: 0;left: 20px;width: 150px;z-index: 2;">
        <div class="content-item-header">目录</div>
        <div class="divider-seg"></div>
        <a class="item-tag" data-ng-click="scrollTo($index)" data-ng-class="{'active':item.active}" data-ng-repeat="item in summaryResults">
            {{item.location + '-' + item.monitorType}}
        </a>
        <div class="divider-seg"></div>
        <br>
        <a class="fluid ui small  button red" data-ng-click="export()">保存为PDF</a>
    </div>
    <div id="summaryContainer" data-ng-class="{'mobile':smallScreen,'pc':!smallScreen}">
        <div data-ng-show="smallScreen===true" style="margin-top:10px;" class="ui   menu">
            <a class="item" style="color:#111;font-weight:900;" data-ng-click="goBack()">
                <i class="left arrow icon"></i>
                返回地图
            </a>
            <a class="item" data-ng-repeat="item in summaryResults" data-ng-click="scrollTo($index)">
                <i class="mail icon"></i> {{item.location + '-' + item.monitorType}}
            </a>
        </div>

        <div class=" ui  summary-segment">
            <div data-ng-repeat="item in summaryResults" id="{{'summaryHeader'+$index}}">
                <article>
                    <div class="summary-item-header">
                        {{item.location + '-' + item.monitorType}}
                    </div>
                    <table class="summary-table" data-ng-show="!item.showChart">
                        <thead>
                            <tr>
                                <th>
                                    <strong>阶段变化最大点</strong>
                                </th>
                                <th>阶段最大值(mm)</th>
                                <th>阶段速率(mm/d)</th>
                                <th>
                                    <strong>累计变化最大点</strong>
                                </th>
                                <th>累计最大值(mm)</th>
                                <th>累计速率(mm/d)</th>
                                <th>是否报警</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <!--         <td data-ng-show="smallScreen===false" data-ng-bind="item.location + '-' + item.monitorType"></td> -->
                                <td style="font-weight:800;color:#000;cursor:pointer;text-decoration: underline;" data-ng-bind="item.recentChanges.maxPointThisTime.name" data-ng-click="singlePointQuery(item.recentChanges.maxPointThisTime.name)"></td>
                                <td data-ng-bind="item.recentChanges.maxPointThisTime.value"></td>
                                <td data-ng-bind="item.recentChanges.maxPointThisTime.speed"></td>
                                <td style="font-weight:800;color:#000;cursor:pointer;text-decoration: underline;" data-ng-bind="item.recentChanges.maxPointAllTheTime.name" data-ng-click="singlePointQuery(item.recentChanges.maxPointAllTheTime.name)"></td>
                                <td data-ng-bind="item.recentChanges.maxPointAllTheTime.value"></td>
                                <td data-ng-bind="item.recentChanges.maxPointAllTheTime.speed"></td>
                                <td data-ng-bind="item.recentChanges.max>5||item.recentChanges.min<-5?'是':'否'" style="{{item.recentChanges.max>5||item.recentChanges.min<-5?'color:#D81B45':'color:#555'}}"></td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="divider-seg wide"></div>

                    <div class="summaryChartHeader">
                        {{item.location + '-' + item.monitorType+'-图表'}}
                    </div>
                    <div id="{{'summaryChart'+$index}}"></div>
                    <br>
                </article>
                <div class="divider-seg wide"></div>
            </div>
        </div>

    </div>

</div>
<div class="ui large modal transition basic" id="singleChartModal" style="text-align:center;">
    <div id="singleChartModalCotent" class="content">

    </div>
</div>
